<template>
  <div class="info">
    <img :src="'https://ss.lanqb.com/'+content.posters.mobile" alt="">
    <div class="info_text">
      <p>{{content.title}}</p>
      <div>
        <div>
          <img :src="'https://ss.lanqb.com/'+content.profile.avatar" alt="">
          <span>{{content.profile.nickname}}</span>
        </div>
        <span>共{{content.preview_setting.lessons_count}}节</span>
      </div>
      <p>{{content.study_num}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props:["content"],
  data() {
    return {
      
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
  .info{
    display: flex;
    justify-content: space-between;
    >img{
      width: 165px;
      height: 124px;
      margin-right: 15px;
    }
    .info_text{
      img{
        width: 20px;
        height: 20px;
        border-radius: 50%;
      }
       >div{
        display: flex;
        justify-content: space-between;
        >div{
          display: flex;
          align-items: center;
        }
      }
    }
  }
</style>